<%@ page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/index.css"/>
  <script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
  <title>密码找回</title>
</head>
<body>
<jsp:include page="common/header.jsp"/>
<article>
  <!-- 网站主体 -->
  <div id="main">
    <section class="ct">
      <!-- 上传表单-->
      <div class="upload">
        <h1>密码找回</h1>
        <form action="${pageContext.request.contextPath}/password/find" method="post">

          <p>
            <label>输入账号：</label>
            <input class="upt" type="text" name="tel" value="" placeholder="请输入您要找回密码的账号" />

          </p>
          <p>
            <label>输入邮件：</label>
            <input class="upt" type="text" name="email" value="" placeholder="请输入您账号注册时绑定的邮箱" />
            <em></em>
          </p>

          <p>
            <label></label>
            <!-- 邮件发送完后，可以使用 disable属性禁用 按钮 -->
            <a class="btn" onclick="submit()">确认找回</a>
          </p>
        </form>
      </div>
    </section>
  </div>
</article>
<jsp:include page="common/footer.jsp"/>
</body>
<script>
  function submit(){
    $("form").submit();
  }
</script>
</html>
